<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta content="最热前端框架,爱尚博客,前端趋势,微信小程序制作,小程序教程,前端怎么做app,app制作,网站开发,靠谱的网站开发,app开发,小程序开发,小程序开发多少钱,app开发多少钱,网站开发多少钱"
        name="Keywords">
    <meta name="description" content="爱尚博客-让前端萌新少走弯路的博客！" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <title>爱尚博客-爱尚前端</title>
    <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
    <script src="../../../common/public.js"></script>
    <link rel="stylesheet" href="../../css/e.css">
    <link rel="stylesheet" href="./css/email.css">
</head>

<body>
    <div class="box" v-cloak>
        <el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="100px" class="demo-dynamic">
            <el-form-item v-for="(domain, index) in dynamicValidateForm.domains" :label="'SMTP服务器'" :key="domain.key"
                :prop="'domains.' + index + '.SMTP_name'" :rules="{
                        required: true, message: 'SMTP服务器不能为空', trigger: 'blur'
                      }">
                <el-input v-model="domain.SMTP_name" placeholder="请输入SMTP服务器..."></el-input>
            </el-form-item>
            <el-form-item v-for="(domain, index) in dynamicValidateForm.domains" :label="'SMTP服务器端口'" :key="domain.key"
                :prop="'domains.' + index + '.SMTP_port'" :rules="{
                                required: true, message: 'SMTP服务器端口不能为空', trigger: 'blur'
                              }">
                <el-input v-model="domain.SMTP_port" placeholder="请输入SMTP服务器端口..."></el-input>
            </el-form-item>
            <el-form-item prop="email" label="邮箱" :rules="[
                        { required: true, message: '请输入邮箱地址', trigger: 'blur' },
                        { type: 'email', message: '请输入正确的邮箱地址...', trigger: ['blur', 'change'] }
                      ]">
                <el-input v-model="dynamicValidateForm.email" placeholder="请输入邮箱..."></el-input>
            </el-form-item>
            <el-form-item v-for="(domain, index) in dynamicValidateForm.domains" :label="'邮箱密码'" :key="domain.key"
                :prop="'domains.' + index + '.email_pos'" :rules="{
                        required: true, message: '邮箱密码不能为空', trigger: 'blur'
                      }">
                <el-input v-model="domain.email_pos" placeholder="请输入邮箱密码..."></el-input>
            </el-form-item>
            <el-form-item v-for="(domain, index) in dynamicValidateForm.domains" :label="'邮箱别名'" :key="domain.key"
                :prop="'domains.' + index + '.email_name'" :rules="{
                    required: true, message: '显示邮箱账号，如设置【xxx网】用户看到的就是【xxx网】而不是xxx@xxx.com', trigger: 'blur'
                  }">
                <el-input v-model="domain.email_name" placeholder="请输入邮箱别名..."></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="submitForm('dynamicValidateForm')">提交</el-button>
                <el-button @click="resetForm('dynamicValidateForm')">重置</el-button>
            </el-form-item>
        </el-form>
    </div>
</body>
<script src="../../../common/v.js"></script>
<script src="../../../common/a.js"></script>
<script src="../../js/e.js"></script>
<script src="./js/email.js"></script>

</html>